<script setup lang="ts">
import { RouterLink, RouterView } from "vue-router";
import NavBar from "@/views/Menu/NavMenu.vue";
import Menu from "@/views/Menu/Menu.vue";
import Crumbs from "@/views/Menu/Crumbs.vue";

</script>

<template>
  <div class="common-layout">
    <div class="top">
      <el-affix>
          <NavBar />
          
        </el-affix>
    </div>
    <div class="center" style="display: flex;">
      <div class="left" >
        <el-affix position="top">
        <Menu ></Menu>
      </el-affix>
      </div>
      <div class="right" style="display: flex;flex-direction: column;">
        <el-affix position="left">
        <Crumbs></Crumbs>
      </el-affix>
     <div>
      <RouterView/>
     </div>
      </div>
    </div>
  </div>
</template>

<style>
.common-layout {
  background-color: #f5f5f5;
  overflow-y: hidden;
  height: 100vh;
  width:100vw;
  overflow-x: hidden;

}
</style>
